<template>
    <div>
      <!--头部-->
     <top></top>
      <!--导航-->
      <navs></navs>

      <!--核心内容start-->
      <section class="heading-page header-text" id="top">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <h2>请踊跃报名参加活动</h2>
              <h6>兰州交通大学</h6>
            </div>
          </div>
        </div>
      </section>

      <!--核心内容start-->


      <section class="meetings-page" id="meetings">
        <div class="container">
          <div class="row">

            <div class="col-lg-12">
              <div class="row">
                <div class="col-lg-12">
                  <div class="row grid">



                    <div class="col-lg-4 templatemo-item-col all soon" v-for="team in teamList">
                      <div class="meeting-item">
                        <div class="thumb">
                         <!-- <a href="#/teaminfo"><img :src="team.images" width="200px" height="200px" alt=""></a>-->
                          <router-link :to="{path:'/teaminfo',query:{teamId:team.id}}">
                            <img :src="'http://localhost:9999/images/'+team.images" width="200px" height="200px" alt="">
                          </router-link>
                        </div>
                        <div class="down-content">
                          <div class="date">
                            <h6>Nov </h6>
                          </div>
                          <h4>{{team.name}}</h4>
                          <p>社长：{{team.userInfo.username}}</p>
                        </div>
                      </div>
                    </div>






                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </section>
      <br/>
      <br/>
      <br/>
      <!--底部-->
      <foot></foot>
      <!--核心内容end-->



    </div>
</template>

<script>
  import top from '../../qdutils/top/top'
  import navs from '../../qdutils/navs/index'
  import foot from '../../qdutils/footer/index'
  import request from "@/utils/request";
  export default {
    name: "index",
    components:{top,navs,foot},
    //初始数据
    data(){
      return {
        teamList:[]
      }
    },

    //获取数据信息
    created() {
       this.getList()
    },

    //方法列表
    methods:{
       //获取方法
       getList(){
          request({
            url:'team/queryTeamAll',
            method:'get',
            params:''
          }).then(res=>{
            console.log(res);
            this.teamList=res.data
          })
       }
    }

  }
</script>

<style scoped>

  @import "../../../vendor/bootstrap/css/bootstrap.min.css";
  @import "../../../assets/css/templatemo-edu-meeting.css";
</style>
